布局组件

Grid用法

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="ClassName">
    // ...省略样式、设置部分代码
    <Grid Margin="8">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Button x:Name="btnEarth" Grid.Row="0" Grid.Column="0" Text="🌎" />
        <Button x:Name="btnMoon"  Grid.Row="0" Grid.Column="1" Text="🌕" />
        <Button x:Name="btnSun"   Grid.Row="1" Grid.Column="0" Text="☀️" />
        <Button x:Name="btnComet" Grid.Row="1" Grid.Column="1" Text="☄" />
    </Grid>
</ContentPage>

<Grid Margin="20"
        RowDefinitions="Auto,*,Auto">
    <Label Text="THE BLACK CAT by Edgar Allan Poe"
            FontSize="14"
            FontAttributes="Bold"
            HorizontalOptions="Center" />
    <ScrollView x:Name="scrollView"
                Grid.Row="1"
                VerticalOptions="FillAndExpand"
                Scrolled="OnScrollViewScrolled">
        <StackLayout>
            <Label Text="some text" />
            <!-- More Label objects go here -->
        </StackLayout>
    </ScrollView>
    <Button Grid.Row="2"
            Text="Scroll to end"
            Clicked="OnButtonClicked" />
</Grid>